<template>
  <div class="container">
    <div class="left-content">
      <!-- 高度不固定的内容 -->
      <p>这里是左边内容，高度会根据内容变化</p>
      <p>第二行内容</p>
    </div>
    <div class="right-content">
      <!-- 高度固定的内容 -->
      <el-button>按钮</el-button>
    </div>
  </div>
</template>

<style scoped>
.container {
  display: inline-flex;
  border: 1px solid #ddd;
}

.left-content {
  padding: 10px;
  background: #f0f9ff;
  vertical-align: top; /* 关键属性 */
}

.right-content {
  padding: 10px;
  background: #e8f4ff;
  vertical-align: top;
}
</style>